Badges can be used as part of any component and are available in below formats:

Package Name
fifthtry.github.io/bling
To use these badges on your web package, add below lines into FASTN.ftd file:
-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/badge as badge
-- fastn.dependency: fifthtry.github.io/bling as bling
-- fastn.auto-import: bling/badge as badge
Once you add above lines into your web package, add badge into your .ftd files:
Light
Dark
Primary
Secondary
Info
Warning
Success
Danger
Light
Dark
Primary
Secondary
Info
Warning
Success
Danger
Example code for badge light is by default true:


null

Example code for dark badge:


null

-- badge.badge: Dark
dark: true
-- badge.badge: Dark
dark: true
Example code for primary badge:


null

-- badge.badge: Primary
primary: true
-- badge.badge: Primary
primary: true
Example code for secondary badge:


null

-- badge.badge: Secondary
secondary: true
-- badge.badge: Secondary
secondary: true
Example code for success badge:


null

-- badge.badge: Success
success: true
-- badge.badge: Success
success: true
Example code for danger badge:


null

-- badge.badge: Danger
danger: true
-- badge.badge: Danger
danger: true
Example code for warning badge:


null

-- badge.badge: Warning
warning: true
-- badge.badge: Warning
warning: true
Example code for info badge:


null

-- badge.badge: Info
info: true
-- badge.badge: Info
info: true